<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>{$setting.site_name}</title>
    <link type="text/css" rel="stylesheet" href="__MOBILE__/css/mobile/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="__MOBILE__/css/mobile/font-awesome.min.css">
     <link type="text/css" rel="stylesheet" href="__MOBILE__/css/mobile/main.css">
    <script type="text/javascript" src="__MOBILE__/js/jquery.js"></script>
    <script type="text/javascript" src="__MOBILE__/js/mobile/form.min.js"></script>
    <script type="text/javascript" src="__MOBILE__/js/mobile/layer.js"></script>
    <script type="text/javascript" src="__MOBILE__/js/mobile/base.js"></script>
<style>
html,body{min-height:100%;}
body{background:url(__MOBILE__/images/mobile/tg_home_bg.jpg) no-repeat center center; background-size:cover;}
.login-logo{text-align:center; padding-top:50%; margin:40px 0 20px;position:relative;}
.login-logo img{width:50%;}
.login-form .form-control{background-color:rgba(0,0,0,.4); border:none; color:#fff; font-size:14px;}
.login .login-form .ico{color:#ddd;}
.login-form .btn-primary{ background-color:#0d5f9c; border:none; -moz-box-shadow:0 1px 1px #000; font-size:14px; height:46px;}
.login-form .ft_18{font-size:12px; color:#fff !important;}
.login{padding-bottom:0;}
.login .con{padding-top:0;}
</style>
</head>
<body>
<div class="container-fluid login">
    <!-- <div class="head">
        <a class="f_l" href="javascript:history.back();" style="width: 30px;font-size: 30px"><i class="icon-angle-left"></i></a>
        <a>用户登录</a>
        <a class="f_r" href="/" style="width: 40px;font-size: 25px"><i class="icon-home"></i></a>
    </div> -->
    <div class="login-logo"><img src="__MOBILE__/images/mobile/l_logo.png" style="position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);"></div>
    <div class="con login-form">
            <ul>
                <li>
                    <input id="username" name="username" type="text" placeholder="用户名" class="form-control input-lg inp">
                    <i class="icon-user icon-large form-control-feedback ico"></i>
                </li>
                <li>
                    <input id="password" name="passwd" type="password" placeholder="密码" class="form-control input-lg inp">
                    <i class="icon-lock icon-large form-control-feedback ico"></i>
                </li>
                <li style="display: none;">
                    <select id="pan" name="pan" class="form-control input-lg inp">
                        <option value="">选择盘口</option>
                        <option value="A" selected="selected">A盘</option>
                        <option value="C">C盘</option>
                    </select>
                    <i class="icon-inbox icon-large form-control-feedback ico"></i>
                </li>
                <li>
                    <input type="hidden" name="act" value="login">
                    <input id="loginBtn" type="button" class="btn btn-primary btn-lg" value="立即登录" onclick="check_login();">
                </li>
                <li>
                    <a class="f_l ft_18" href="{:U('Register/reg')}">立即注册？</a>
                    <!-- <a class="f_r ft_18 f_pwd" href="{:U('Register/forget_pwd')}">忘记密码？</a> -->
                    <a class="f_r ft_18 f_pwd" href="javascript:lay_msg('请联系客服');">忘记密码？</a>
                </li>
            </ul>
    </div>
</div>
<!-- <div class="footer abs">
    <ul>
        <li><span>手机版</span> | <a href="http://www.jinzhizun.com" target="_blank">电脑版</a></li>
        <li>易记域名：www.jinzhizun.com </li>
        <li>© 2017 {$setting.site_name} 版权所有</li>
    </ul>
</div> -->
<script type="text/javascript">
    function check_login() {
        if($("#username").val() == "") {
            var e = function() {
                $("#username").focus();
            };
            lay_msg('请输入用户名！', e);
            return false;
        }
        if($("#password").val() == "") {
            var e = function() {
                $("#password").focus();
            };
            lay_msg('请输入密码！', e);
            return false;
        }
		if($("#pan").val() == "") {
            var e = function() {
                $("#pan").focus();
            };
            lay_msg('请选择盘口！', e);
            return false;
        }
		var name=$("#username").val();
		var password=$("#password").val();
		var pan=$("#pan").val();
		$.post('<?php echo U('Mobile/Login/dologin')?>',{name:name,pwd:password,pan:pan},function(e){
		if(e.result==1){
		//window.location.href='<?php echo U('Mobile/Index/index')?>';
		window.location.href='<?php echo U('Mobile/Login/agreement')?>';
 		}else{
             lay_msg(e.message, e);
		
		}
		},'json')
    }
</script>

</body>
</html>